
@import '../../styles/default.scss';

.addressbook-item{
	background-color: $color-white;
	font-size: 25px;
	padding: 36px 0 15px 15px;
	border-radius: 7px;
	.item-detail {
		display: flex;
		.name-first {
			@include wh(36px, 36px);
			background-color: #23B1F9;
			color: $color-white;
			text-align: center;
			line-height: 36px;
			margin-right: 28px;
		}
		.item-detail-box {
			flex: 1;
			border-bottom: 1PX solid #EEEEEE;
			padding-bottom: 6px;
			.name-phone {
				display: flex;
				.name {
					flex-basis: 154px;
					color: #000;
				}
				.phone {
					flex: 1;
					color: #8A8989;
				}
			}
			.address-detail {
				color: #313131;
				margin-top: 20px;
			}
		}
	}
	.addressbook-operation {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: flex-end;
		padding-right: 24px;
		margin-top: 20px;
		.operation {
			color: #8A8989;
			display: flex;
			align-items: center;
			&.edit {
				margin-right: 30px;
			}
			.operation-text {
				padding-left: 6px;
			}
		}
	}
}


